<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>transform-origin属性</title>

    <style>

        /* 可以使用transform-origin属性设置自己的自定义变换变形原点 */
        .pic1 {
            /* 以左上角为中心点进行旋转 */
            transform-origin: 0 0;
            transform: rotate(45deg);
        }
    </style>
</head>

<body>
    <p>
        <img src="gmsb.png" class="pic1">
    </p>
</body>

</html>